/*
*  style.css - contains stylesheet information for the administration pages
*
* Copyright (C)      2007  Nikhil Marathe <nsm.nikhil@gmail.com>
*               
* This file is part of the PixelFrame project.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
* 
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
* 
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/

body {
    margin:0;
    padding:0;
    background:#fff;
}

div#wrapper {
    margin-left:20%;
    width:60%;
    font-family:"Helvetica" sans-serif;
}

div#header {
    background:#000;
    color:#fff;
    font-size:25px;
    padding:8px 0 10px 0;
}

div#header img {
    padding:0 15px 0 15px;
    float:left;
}

div#content {
    padding:50px;
}


input {
    border:inset 2px #999;
}

input[type=submit] {
    border:outset 2px #eee;
}

input[type=button] {
    border:outset 2px #eee;
}

/*==Album list styles==*/
div#add-album-div {
    font-size:20px;
    height:46px;
    width:30%;
    padding:15px 0;
}
div#add-album-div a {    
    text-decoration:none;    
    color:#888;
    background:url(../images/add_album.gif) center left no-repeat;
    padding:0 0 0 40px;
}

/*-- Add album panel --*/
div#add-album-panel {
    background:#EFFFEB;
    border:solid 1px #6AB450;
    padding-bottom:20px;
}

div#add-album-panel div {
    padding:10px 0 ;
    width:50%;
}

div#add-album-panel input {
    margin-top:5%;
    margin-left:3%;
}

input#album-add-button {
    margin-left:3%;
}

/*--Album list--*/

ul#album-list {
    font-size:20px;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    padding:20px 25px;
    list-style-type:square;
}

ul#album-list li {
    font-size:18px;
    color:#555;
    padding:15px;
    cursor:pointer;
    border:solid 1px transparent;
}

ul#album-list li:hover {
    font-weight:bold;
    background-color:#EFFFEB;
    border:solid 1px #6AB450;
    list-style:disc #6AB450;
}

/*====Division specific styles====*/
div#panel { visibility:hidden; display:none; padding-bottom:50px;}

div#panel div {
    font-size:16px;
    padding:0 0 15px 15px;
}

div#panel h2, div#panel h3 {
    font-size:20px;
    border-bottom:solid 1px #000;
    padding:10px;
    width:50%;
    margin-left:2%;
}

div#panel #cancel-button {
    margin:20px 5%;
}

/*--Edit Panel--*/
div #edit-panel {
    background:#EFFFEB;
    border:solid 1px #6AB450;
    padding-bottom:20px;
}

div#edit-panel * {
    margin-left:3%;
}

div#edit-panel div {
    padding:10px 0 ;
    width:50%;
}

div#edit-panel input#album-delete {
    background:#FFEEEE;
    color:red;
    border:solid 2px red;
}

/*--Password panel--*/
div#password-div {
    border-top:solid 1px #000;
    padding:20px;
}

div#password-div input {
    margin-top:5%;
    margin-left:3%;
}

div#content h3#password-header {
    margin-top:100px;
}


div #password-div input#password-change-button {
    margin-left:0;
}



/*--Success panel--*/
div#success-panel, div#error-panel {
    background:#EFFFEB;
    border:solid 1px #6AB450;
    padding:0 20px;
}

div#success-panel *, div#error-panel * {
    margin-left:70px;
}

div#success-panel h2, div#error-panel h2 {
    background:url(../images/success.gif) top left no-repeat transparent;
    height:46px;
    margin-left:10px;
    padding: 10px 0 0 70px;
    border:none;
}

/* IE hack since it doesn't support padding the way it should */
* html div#success-panel h2, * html div#error-panel h2 {
    margin:10px;
}

/*--Error panel--*/
div#error-panel {
    background:#FFECEC;
    border:solid 1px #FF0000;
}

div#error-panel h2 {
    background:url(../images/error.gif) top left no-repeat ;
}

/*--Loading Panel--*/
div#loading-panel {
    text-align:center;
}
div#loading-panel img {
    margin-top:50px;
}

/* -- LOGIN FORM -- */
form#login-password-form input {
    margin-top:5%;
    margin-left:3%;
}

/*-- no album message --*/
p#no-albums-message {
    font-size:18px;
    padding:30px;
    font-weight:bold;
}